<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>莲菜网</title>
    <!--<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">-->
    <script src="js/flexible.js"></script>
    <script src="js/flexible_css.js"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <link rel="stylesheet " type="text/css " href="css/globle.css " />
    <link rel="stylesheet " type="text/css " href="css/collect.css " />
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <script src='js/jquery.js'></script>

</head>

<body>
    <div id="search-info" class="clearfix">
        <a href="" id="logo" onclick="history.back()"><i class="fa fa-angle-left"></i></a>
        <span>登录</span>

        <span class="zhuce"><a href="findPassword.html">注册</a></span>
    </div>

    <div class="forms">
        <p><img src="images/liancai.png" alt=""></p>
        <input type="text" placeholder="请输入11位手机号">
        <input type="text" placeholder="请输入密码">
        <button>登录</button>
        <ul>
            <li><a>手机号换了？</a></li>
            <li><a href="">忘记密码？</a></li>
        </ul>
    </div>
    <div class="alert-box">
        <div class="alert-content">
            <p style="font-size:0.5rem">更换手机号</p>
            <p>请直接联系微信客服(公众号liancaiwang2015)，或拨打客服电话<a style="color: #79BD50;" href="tel:400-036-6517">400-036-6517</a></p>
            <div class="close">知道了</div>
        </div>
    </div>

</body>
<script>
    document.querySelector('.forms ul li:first-child').onclick = function() {
        document.querySelector('.alert-box').style.display = 'block';
    }
    document.querySelector('.alert-box .close').onclick = function() {
        document.querySelector('.alert-box').style.display = 'none';
    }
</script>

</html>